﻿.round-panel .rp-top-l
{
    float:left;
    height:27px;
    width:8px;
}
.round-panel .rp-top-r
{
    float:right;
    height:27px;
    width:8px;
}
.round-panel .rp-top-m
{
    height:27px;
    overflow:hidden;
    color:#ffffff;
    font-size:14px;
    padding-left:6px;
    line-height:30px;
}
.round-panel .rp-content
{
    
}
.round-panel .rp-content-inner
{
    padding:10px 25px;
}
.round-panel .rp-bottom-l
{
    float:left;
    height:10px;
    width:8px;
}
.round-panel .rp-bottom-r
{
    float:right;
    height:10px;
    width:8px;
}
.round-panel .rp-bottom-m
{
    height:10px;
    overflow:hidden;
}
.panel-content
{
    padding:5px 8px;
}

/* Other styles ...
***************************************************************************************/

.darkblue.round-panel .rp-top-l
{
    height:42px;
    background:url("images/darkblue-corners.png") no-repeat scroll 0 0px transparent;
}
.darkblue.round-panel .rp-top-r
{
    height:42px;
    background:url("images/darkblue-corners.png") no-repeat scroll -40px 0px transparent;
}
.darkblue.round-panel .rp-top-m
{
    height:42px;
    background:url("images/darkblue-top.png") repeat-x scroll -40px 0px transparent;
    line-height:42px;
    font-size:22px;
}
.darkblue.round-panel .rp-bottom-l
{
    background:url("images/darkblue-corners.png") no-repeat scroll 0 -73px transparent;
}
.darkblue.round-panel .rp-bottom-r
{
    background:url("images/darkblue-corners.png") no-repeat scroll -40px -73px transparent;
}
.darkblue.round-panel .rp-bottom-m
{
    background:none;
    border-bottom:5px solid #356267;
    height:3px;
}
.darkblue.round-panel .rp-content
{
    background:none;
    border-left:5px solid #356267;
    border-right:5px solid #356267;
}
.darkblue.round-panel .rp-content-inner
{
    background:none;
}
/*
**************************************************************************************/
.green.round-panel .rp-top-l
{
    height:36px;
    background:url("images/green-corners.png") no-repeat scroll 0 0 transparent;
}
.green.round-panel .rp-top-r
{
    height:36px;
    background:url("images/green-corners.png") no-repeat scroll -45px 0px transparent;
}
.green.round-panel .rp-top-m
{
    height:36px;
    background:url("images/green-top.png") repeat-x scroll 0 0 transparent;
    line-height:36px;
    color:#495c10;
    font-size:18px;
}
.green.round-panel .rp-bottom-l
{
    height:42px;
    background:url("images/green-corners.png") no-repeat scroll 0 -58px transparent;
}
.green.round-panel .rp-bottom-r
{
    height:42px;
    background:url("images/green-corners.png") no-repeat scroll -45px -58px transparent;
}
.green.round-panel .rp-bottom-m
{
    height:42px;
    background:url("images/green-bottom.png") repeat-x scroll 0 0 transparent;
}
.green.round-panel .rp-content
{
    background:none;
    border-left:1px solid #b3c57c;
    border-right:1px solid #b3c57c;
}
.green.round-panel .rp-content-inner
{
    background:none;
}
/*
**************************************************************************************/
.gray.round-panel .rp-top-l, rp-top-l,.gray.round-panel .rp-top-r
{
    height:32px;
    width:9px;
}
.gray.round-panel .rp-top-l
{
    background:url("images/gray-corners.png") no-repeat scroll 0 0 transparent;
}
.gray.round-panel .rp-top-r
{
    background:url("images/gray-corners.png") no-repeat scroll -38px 0px transparent;
}
.gray.round-panel .rp-top-m
{
    height:32px;
    background:url("images/gray-topbottom.png") repeat-x scroll 0 0 transparent;
    line-height:38px;
    color:#495c10;
    font-size:14px;
}
.gray.round-panel .rp-content
{
    background:url(images/gray-left.png) repeat-y;
}
.gray.round-panel .rp-content-inner
{
    background:url(images/gray-right.png) repeat-y center right;
}
.gray.round-panel .rp-bottom-l,.gray.round-panel .rp-bottom-r
{
    width:9px;
    height:10px;
}
.gray.round-panel .rp-bottom-l
{
    background:url("images/gray-corners.png") no-repeat scroll 0 -68px transparent;
}
.gray.round-panel .rp-bottom-r
{
    background:url("images/gray-corners.png") no-repeat scroll -38px -68px transparent;
}
.gray.round-panel .rp-bottom-m
{
    height:10px;
    background:url("images/gray-topbottom.png") repeat-x scroll 0 -58px transparent;
}